import { Outlet, Route, Routes } from "react-router-dom";
import Navbar from "./components/Navbar";
import Home from "./pages/Home";
import Community from "./pages/Community";
import Question from "./pages/Question";
import Activity from "./pages/Activity";
import Suggestion from "./pages/Suggestion";
import News from "./pages/News";
import SubLayout from ".//layout/SubLayout";
import Footer from "./components/common/Footer";

{/*bg-gradient-to-b 
        from-violet-200
         via-cyan-50
          to-gray-50 shadow */}
const Layout = () =>{
    return (
        <div className="min-h-[1896px] 
          ">
            <Navbar/>
            <Routes>
                <Route path="/" element={ <Home/> }/>
                <Route path="/community" element={ <Community/> }/>
                <Route path="/question" element={ <Question/> }/>
                <Route path="/activity" element={ <Activity/> }/>
                <Route path="/suggestion" element={ <Suggestion/> }/>
                <Route path="/news" element={ <News/> }/>
            </Routes>
            <SubLayout>
                <Outlet/>
            </SubLayout>
            <Footer/>
        </div>
    );
}
export default Layout;